<template>
  <div class="reap-address">
    <div class="left">
      <div class="name">{{`${address.name}  ${address.tel}`}}  </div>
      <div class="adress"> {{address.address}}</div>
    </div>
    <div class="right">
      <van-icon name="edit" color="#f93e2e"/>
    </div>
  </div>
</template>

<script>
export default {
  name: 'ReapAddress',
  props: {
    address: {
      type: Object,
      required: true
    }
  },
  data () {
    return {

    }
  },
  created () {

  },
  mounted () {

  },
  methods: {

  }
}
</script>

<style scoped lang="less">
.reap-address {
  display: flex;
  .left {
    margin-left: 20px;
    margin-right: 20px;
    flex: 9
  }
  .right {
    display: flex;
    align-items: center;
    font-size: 50px;
    flex: 1
  }
}
</style>
